<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	<h:form id="formPerfiles">
		<table class="tables">

			<tr>
				<td class="pPanel"><p:panel style="border:none;"
						toggleable="false" collapsed="false">
						<p:growl id="growllps" showDetail="true" life="3000"
							showSummary="false" />
						<h:panelGrid columns="2" styleClass="panelTDBotonFormulario"
							rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}">

							<p:commandButton
								action="#{adminstrarACUBean.limpiarCamposOtrosDirectos}"
								value="Agregar otros costos" oncomplete="dlgOtros.show()"
								update=":paacu:formOtros:hpgOtros" />
							<p:commandButton
								action="#{adminstrarACUBean.consultarOtrosDirectos}" rendered="false"
								immediate="true" value="Calcular Costo"
								update="perfiles,perfilesTable" />
						</h:panelGrid>
					</p:panel></td>
			</tr>
			<tr>
				<td><p:outputPanel id="perfiles"
						styleClass="panelTDLeftFormulario">

						<p:dataTable id="perfilesTable"
							value="#{adminstrarACUBean.listaElementoACUPersonalizadoOtros}"
							var="perfil" paginator="true" rows="10" editable="true">
							<p:ajax event="rowEdit"
								listener="#{adminstrarACUBean.onEditOtrosIdirecto}"
								immediate="true" />
							<p:ajax event="rowEditCancel"
								listener="#{adminstrarACUBean.onCancelOtrosIndirectos}"
								immediate="true" />

							<p:column headerText="Descripción" style="width:40%">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText
											value="#{perfil.prodOtrosDirectosMod.otdiDescripcionMod}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText
											value="#{perfil.prodOtrosDirectosMod.otdiDescripcionMod}"
											style="width:100%" />
									</f:facet>
								</p:cellEditor>
							</p:column>
							<p:column headerText="U" style="width:12%">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText
											value="#{perfil.prodOtrosDirectosMod.otdiUnidadMod}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText
											value="#{perfil.prodOtrosDirectosMod.otdiUnidadMod}"
											style="width:100%" />
									</f:facet>
								</p:cellEditor>
							</p:column>
							<p:column headerText="Cant." style="width:12%">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText
											value="#{perfil.prodOtrosDirectosMod.otdiCantidadMod}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText
											value="#{perfil.prodOtrosDirectosMod.otdiCantidadMod}"
											style="width:100%">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column headerText="Costo Unitario" style="width:12%">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText
											value="#{perfil.prodOtrosDirectosMod.otdiCostoUnitarioMod}">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</h:outputText>
									</f:facet>
									<f:facet name="input">
										<p:inputText
											value="#{perfil.prodOtrosDirectosMod.otdiCostoUnitarioMod}"
											style="width:100%">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>
							<p:column headerText="Factor de ajuste" style="width:12%">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText
											value="#{perfil.prodOtrosDirectosMod.otdiFactorAjusteMod}">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</h:outputText>
									</f:facet>
									<f:facet name="input">
										<p:inputText
											value="#{perfil.prodOtrosDirectosMod.otdiFactorAjusteMod}"
											style="width:100%">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>
							<p:column headerText="Costo Total" style="width:12%">

								<h:outputText value="#{perfil.costoTotal}">
									<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
								</h:outputText>

							</p:column>



							<p:column style="width:6%"
								rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}">
								<f:facet name="header">
									<h:outputText value="Edición" />
								</f:facet>
								<p:rowEditor />
							</p:column>
							<p:column style="width:6%"
								rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}">
								<f:facet name="header">
									<h:outputText value="Eliminar" />
								</f:facet>
								<p:commandButton update="perfilesTable" immediate="true"
									action="#{adminstrarACUBean.deletOtrosAction(perfil)}"
									icon="ui-icon-close">

								</p:commandButton>

							</p:column>
							<p:column headerText="%O.D." style="width:10%">

								<h:outputText value="#{perfil.pAcu}">
									<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
								</h:outputText>

							</p:column>

						</p:dataTable>

					</p:outputPanel></td>
			</tr>
		</table>


	</h:form>
	<p:dialog id="mp_otros" position="top" width="680px"
		header="Agregar Otros Costos" appendToBody="true" styleClass="pPanel"
		height="200px" widgetVar="dlgOtros">
		<h:form id="formOtros">
			<h:panelGrid id="hpgOtros" columns="4" cellpadding="1"
				style="margin:0 auto;">
				<table width="600px;">



					<tr>
						<td><p:panel toggleable="false" collapsed="false">
								<p:growl id="growllps" showDetail="true" life="3000"
									showSummary="false" />

								<h:panelGrid columns="2" id="hpgPerfiles"
									styleClass="panelTDLeftFormulario">

									<h:outputLabel value="Descripción : *" for="txt_nombres_ps"></h:outputLabel>
									<p:inputText id="txt_nombres_ps" required="true"
										style="width:540px;" label="Ingrese la descripción del item."
										value="#{adminstrarACUBean.nuevoOtrosDirectos.otdiDescripcionMod}" />



								</h:panelGrid>
								<h:panelGrid columns="8" id="hpgPerfiles2"
									styleClass="panelTDLeftFormulario">
									<h:outputLabel value="Unidad : *" for="txt_unidad"></h:outputLabel>
									<p:inputText id="txt_unidad" required="true"
										style="width:100px;" label="Ingrese la unidad del item."
										value="#{adminstrarACUBean.nuevoOtrosDirectos.otdiUnidadMod}" />
									<h:outputLabel value="Cantidad : *" for="txt_cantidad"></h:outputLabel>
									<p:inputText id="txt_cantidad" required="true"
										style="width:80px;" label="Ingrese la cantidad del item."
										value="#{adminstrarACUBean.nuevoOtrosDirectos.otdiCantidadMod}" />
									<h:outputLabel value="Costo Untario : *" for="txt_costo"></h:outputLabel>
									<p:inputText id="txt_costo" required="true"
										style="width:100px;"
										label="Ingrese el costo unitario del item."
										value="#{adminstrarACUBean.nuevoOtrosDirectos.otdiCostoUnitarioMod}" />
									<h:outputLabel value="Factor de Ajuste : *" for="txt_factor"></h:outputLabel>
									<p:inputText id="txt_factor" required="true"
										style="width:80px;" label="Ingrese Factor de ajuste de costo."
										value="#{adminstrarACUBean.nuevoOtrosDirectos.otdiFactorAjusteMod}" />
								</h:panelGrid>
								<h:panelGrid columns="1" styleClass="panelTDBotonFormulario"
									rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}">

									<p:commandButton
										action="#{adminstrarACUBean.guardarOtrosDirectos()}"
										value="Guardar"
										update=":paacu:formPerfiles:perfiles,:paacu:formPerfiles:perfilesTable,:paacu:formPerfiles:growllps,hpgPerfiles,hpgPerfiles2" />

								</h:panelGrid>
								<h:outputText value="* " styleClass="asteriscoObligatorio" />
								<h:outputText
									value=" El asterisco indica que el campo es requerido."
									styleClass="outputTextFormulario" />
							</p:panel></td>
					</tr>
				</table>
			</h:panelGrid>

		</h:form>
	</p:dialog>



</ui:composition>